$(function() {
	//分类隐藏显示
	$('.item>.itemH3').hover(function() {
		$('.itemH3').each(function() {
			$(this).removeClass('itemActive');
		});
		$(this).siblings('.item-list').show();
		$(this).addClass('itemActive');

		$('.item>.item-list').hover(function() {
			$(this).siblings('.itemH3').addClass('itemActive');
			$(this).show();
		}, function() {
			$(this).siblings('.itemH3').removeClass('itemActive');
			$(this).hide();
		});
	}, function() {
		$(this).removeClass('itemActive');
		$(this).siblings('.item-list').hide();
	});
});



$(function() {
	// 1. 获取元素
	var controlLeft = $();
	var controlRight = $();
	var length = 0;
	var bannerWidth = 0
	if ($(document).scrollTop() >= $('.show').offset().top) {
		controlLeft = $(".floor-1-carousel .carousel-control[data-slide='prev']");
		controlRight = $(".floor-1-carousel .carousel-control[data-slide='next']");
		length = $('#floor-1-carousel .carousel-inner div img').length / 3;
		bannerWidth = $('.floorBanner').width();
	} else {
		controlLeft = $(".carousel-control[data-slide='prev']");
		controlRight = $(".carousel-control[data-slide='next']");
		length = $('.carousel-inner>li>a>img').length;
		bannerWidth = $('#banner').width();
	}
	// 2. 鼠标经过 就显示隐藏左右按钮
	$('#banner').hover(function() {
		$('.carousel-control').show();
		clearInterval(timer);
		timer = null; // 清除定时器变量
	}, function() {
		$('.carousel-control').hide();
		timer = setInterval(function() {
			//手动调用点击事件
			controlRight.click();
		}, 2000);
	});

	// 3. 动态生成小圆圈  有几张图片，我就生成几个小圆圈
	for (i = 0; i < length; i++) {
		var $li = $("<li data-target='#banner' data-index=" + i + "></li>");
		// 4. 小圆圈的排他思想 我们可以直接在生成小圆圈的同时直接绑定点击事件
		$li.click(function() {
			$('.carousel-indicators>li').each(function() {
				$(this).removeClass('active');
			});
			$(this).addClass('active');
			// 5. 点击小圆圈，移动div
			var index = $(this).attr('data-index');
			num = circle = index;
			animate($('.carousel-inner'), -index * bannerWidth);
		});

		$('.carousel-indicators').append($li);
	};
	// 把ol里面的第一个小圆点设置类名为 active
	$('.carousel-indicators>li:first').addClass('active')
	// 6. 克隆第一张图片(li)放到ul 最后面
	$('.carousel-inner').append($('.carousel-inner>li:first').clone())
	// 7. 点击右侧按钮， 图片滚动一张
	var num = 0;
	// circle 控制小圆圈的播放
	var circle = 0;
	// flag 节流阀
	var flag = true;
	controlRight.click(function() {
		if (flag) {
			flag = false; // 关闭节流阀
			// 如果走到了最后复制的一张图片，此时 我们的ul 要快速复原 left 改为 0
			if (num == length) {
				$('.carousel-inner').css('left', '0px');
				num = 0;
			}
			num++;
			animate($('.carousel-inner'), -num * bannerWidth, function() {
				flag = true; // 打开节流阀
			});
			// 8. 点击右侧按钮，小圆圈跟随一起变化 可以再声明一个变量控制小圆圈的播放
			circle++;
			// 如果circle == 4 说明走到最后我们克隆的这张图片了 我们就复原
			if (circle == length) {
				circle = 0;
			}
			// 调用函数
			circleChange();
		}
	});
	// 9. 左侧按钮做法
	controlLeft.click(function() {
		if (flag) {
			flag = false;
			if (num == 0) {
				num = length;
				$('.carousel-inner').css('left', -num * bannerWidth + 'px');
			}
			num--;
			animate($('.carousel-inner'), -num * bannerWidth, function() {
				flag = true;
			});
			// 点击左侧按钮，小圆圈跟随一起变化 可以再声明一个变量控制小圆圈的播放
			circle--;

			circle = circle < 0 ? length - 1 : circle;
			// 调用函数
			circleChange();
		}
	})
	// 10. 自动播放轮播图
	var timer = setInterval(function() {
		//手动调用点击事件
		controlRight.click();
	}, 2000);


	//小圆圈更改函数
	function circleChange() {
		// 先清除其余小圆圈的active类名
		$('.carousel-indicators li').each(function() {
			$(this).removeClass('active');
			// 留下当前的小圆圈的active类名
			if ($(this).attr('data-index') == circle) {
				$(this).addClass('active');
			}
		})
	}
})

//倒计时
$(function() {
	//倒计时函数
	function countDown(time) {
		var nowTime = +new Date(); // 返回的是当前时间总的毫秒数
		var inputTime = +new Date(time); // 返回的是用户输入时间总的毫秒数
		var times = (inputTime - nowTime) / 1000; // times是剩余时间总的秒数 
		var d = parseInt(times / 60 / 60 / 24); // 天
		d = d < 10 ? '0' + d : d;
		var h = parseInt(times / 60 / 60 % 24); //时
		h = h < 10 ? '0' + h : h;
		var m = parseInt(times / 60 % 60); // 分
		m = m < 10 ? '0' + m : m;
		var s = parseInt(times % 60); // 当前的秒
		s = s < 10 ? '0' + s : s;
		return d + '天' + h + '时' + m + '分' + s + '秒';
	};
	//定时函数
	var timer = setInterval(function() {
		var countDownReturn = countDown('2021-6-29 23:59:59');
		var $time = $('<p>' + countDownReturn + '</p>');
		$('.time p').remove();
		$('.time').append($time);
	}, 1000);
})

//侧边栏
$(function(){
	$('.toolbar-tabs .tbar-tab-cart').hover(function(){
		$('.toolbar-panels .tbar-panel-cart').show();
	},function(){
		$('.toolbar-panels .tbar-panel-cart').hide();
	})
})
